.formTop{
width:100%;
background-color:#3F8CB9;
height:38px;
border-bottom:1px solid #FFF;
}

.criteriaTitle {
	float:left;
	width:87%;
	background-color: #3F8CB9;
	color: white;
	padding: 10px;
}

.criteria-title {
	font-size: 14px;
}

.criteria {
	background-color: #3f8cb9;
	width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	padding-left: 10px;
}

.criteriaColumn {	
	width: 160px;
	padding-right: 10px;
}

.tools-bar {
	height: 25px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: right;
    width: 960px;
}
.centerTable {
	background: transparent;
	min-height: 386px;
	-moz-user-select: none;
	width: 955px;
	
	margin: 10px 5px 0 5px;
	padding: 0;
	border-collapse: collapse;
}
.centerTable .rf-edt-cnt{
	width:955px;
}
.modsIDCol{
	width: 50px;
	text-align: left;	
}
.titleCol{
	width:250px;
	text-align: left;
}
.genreCol{
	width:100px;
	text-align: left;	
}
.cdCol{
	width:100px;
	text-align: left;	
}
.uriCol{
	width:450px;
	text-align: left;	
}
.itemsCenterTable{
	background: transparent;
	margin: 10px 5px 0 5px;
	padding: 0;
	border-collapse: collapse;	
	-moz-user-select: none;
	width: 900px;
}
.centerItemTableRow{
	height:60px;
}
.itemsCenterTable .rf-edt-c{
	height:60px;
}
.relIDCol{
	width: 50px;
	text-align: left;
} 
.relDateCol{
	width: 50px;
	text-align: left;
} 
.relSummCol{
	width: 400px;
	text-align: left;	
} 
.relTrackCol{
	width: 50px;
	text-align: left;
}
.relURICol{
	width: 350px;
	text-align: left;
}

.scroller {	
	padding: 10px 5px 5px 0;
    text-align: right;
    color: #285875;
}

.scrollLegend {
	float: left;
	padding-left: 6px;	
}

.dataScroller {
	float: right;
	background: transparent;
	padding: 0 0 0 10px;
	margin: 0;
}

.dataScroller .rf-ds-btn, .dataScroller .rf-ds-nmb-btn {
	background: transparent;
	padding: 0;
	margin: 0;
	color: #285875;
}

.dataScroller .rf-ds-btn, .dataScroller .rf-ds-btn img {
	border: none;	
}

.dataScroller .rf-ds-nmb-btn {
	font-size: 12px;
	vertical-align: top;
}

.dataScroller .rf-ds-dis {
	opacity: 0.5;
}

.dataScroller .rf-ds-act, .dataScroller .rf-ds-act:hover {
	font-weight: bold;	
}
.rf-edt-hdr-c-cnt {
	color: white;
	font-size: 12px;
	padding: 3px 5px;
	text-align: left;
}
.itemsCenterTable .rf-edt-c-cnt{
	line-height:19px;
	white-space:pre-wrap;
	overflow:
} 
.rf-edt-hdr-c {
	background-color: #3f8cb9;
}

.rf-edt-c-cnt {
	color: #285875;
	padding: 0 0 0 5px;
	margin-right: 5px;
	line-height: 25px;
	overflow: hidden;
}

.rf-edt-c {
	height: 25px;
	overflow: hidden;
}

.rf-edt-c, .rf-edt-hdr-c, .rf-edt-ftr-c {
	
	overflow-x: hidden;
}

.rf-edt-ftr,.rf-edt-tbl-ftr {
	display: none;
}

.rf-edt-r-sel {
	background-color: #36a6d6;
}

.rf-edt-r-sel .rf-edt-c-cnt {

	color: #ffffff;
}

.infoButton{
	width: 100px;
	height: 26px;
}
.modalPanelHeader{
	background: url("#{resource['img:horz.line.light.png']}") 0 100% repeat-x transparent;
	border: none;
}
.modalPanelStyle {
	background: #F6F5EE;
}
.modalPanelStyle .rf-pp-cnt-scrlr {

	background: transparent;
	padding-left: 5px;
}

.modalPanelStyle .rf-pp-shdw {
	
	background: transparent;
}
.popupHeaderGrid {
	width: 100%;
}
.popupHeaderTitle {
	font-size: 16px;
    padding: 5px 0;
    color:#3F8CB9;
}

.popupHeaderControls {
	text-align: right;
	padding-right: 5px;
}
.itemLi{
	color:#3F8CB9;
}